<div class="container" *ngIf="productDetail$ | async as product">
  <app-image-slider [sliders]="product.banner"></app-image-slider>
  <div class="product-info">
    <div class="base-price">
      <div>
        <i>￥</i>
        <span>{{product.price}}</span>
        <del>49元</del>
      </div>
      <div style="color: #58595b;font-size: 14px;">
        以拼10万+件
      </div>
    </div>
    <div class="tag">
      <span class="tag-item" *ngFor="let item of product.tags">{{item}}</span>
    </div>
    <div class="product-name" (click)="handleClick()">
      <span class="name_prefix">品牌</span>
      <span>{{product.product_name}}</span>
    </div>
    <div class="service-desc">
      <div class="desc-info" *ngFor="let ite of product.serviceDesc;index as index;">
        <div class="spot" *ngIf="index !== 0"></div>
        <span>{{ite.title}}</span>
      </div>
    </div>
  </div>
  <app-group-receiving-order-list (receivingOrderClick)="handleClick()" [orderData]="receivingOrder$|async">
  </app-group-receiving-order-list>
  <app-product-detail [id]="id" [visible]="visible" (isCancel)="handleCancel()"></app-product-detail>
</div>
